<template>
  <div class="rick-text" v-html="props.value" />
</template>

<script setup>
  import 'prismjs/themes/prism.css'
  import Prism from 'prismjs'

  const props = defineProps({
    value: { type: String, default: '' }
  })

  onMounted(async () => {
    await nextTick()
    Prism.highlightAll()
  })
</script>
